<template>
  <div>
    <!-- 底部 -->
    <footer class="nosetBoxsizng">
      <div class="bckot">
        <div class="w1200 clearfix">
          <div class="bckot-block">
            <a href="javascript:openChat();">
              <img src="/img/dnz-xs1.png" />
              <p><b>安心交易</b>不成功退款，风险倒逼服务升级。</p>
            </a>
          </div>
          <div class="bckot-block">
            <a href="javascript:openChat();">
              <img src="/img/dnz-xs2.png" />
              <p><b>7*16小时在线</b>顾问平均从业年限5年以上，为您答疑解惑。</p>
            </a>
          </div>
          <div class="bckot-block">
            <a href="javascript:openChat();">
              <img src="/img/dnz-xs3.png" />
              <p><b>对公账户资金监管</b>交易均通过对公账户，资金安全有保障。</p>
            </a>
          </div>
          <div class="bckot-block nomr">
            <a href="javascript:openChat();">
              <img src="/img/dnz-xs4.png" />
              <p><b>隐私保护</b>可签署保密协议，用户隐私保障。</p>
            </a>
          </div>
        </div>
      </div>
      <div class="bckfo">
        <div class="bckfo-c">
          <ul>
            <h5><a href="" target="_blank" rel="nofollow">关于我们</a></h5>
            <li><a href="" target="_blank" rel="nofollow">公司简介</a></li>
            <li><a href="" target="_blank" rel="nofollow">版权声明</a></li>
            <li><a href="" target="_blank" rel="nofollow">廉政举报</a></li>
            <li><a href="" target="_blank" rel="nofollow">许可证件</a></li>
          </ul>
          <ul>
            <h5><a href="" target="_blank" rel="nofollow">期刊咨询</a></h5>
            <li><a href="" target="_blank" rel="nofollow">学术咨询</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务流程</a></li>
            <li><a href="" target="_blank" rel="nofollow">网站特色</a></li>
            <li><a href="" target="_blank" rel="nofollow">保障条款</a></li>
            <li><a href="" target="_blank" rel="nofollow">常见问题</a></li>
          </ul>
          <ul>
            <h5><a href="" target="_blank" rel="nofollow">文秘服务</a></h5>
            <li><a href="" target="_blank" rel="nofollow">公文范文</a></li>
            <li><a href="" target="_blank" rel="nofollow">套餐介绍</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务特色</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务流程</a></li>
            <li><a href="" target="_blank" rel="nofollow">常见问题</a></li>
          </ul>
          <ul>
            <h5><a href="" target="_blank" rel="nofollow">论著出书</a></h5>
            <li><a href="" target="_blank" rel="nofollow">文献资料</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务说明</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务流程</a></li>
            <li><a href="" target="_blank" rel="nofollow">服务特色</a></li>
            <li><a href="" target="_blank" rel="nofollow">常见问题</a></li>
          </ul>
          <ul>
            <h5><a href="" target="_blank" rel="nofollow">杂志订阅</a></h5>
            <li><a href="" target="_blank" rel="nofollow">订阅须知</a></li>
            <li><a href="" target="_blank" rel="nofollow">网站特色</a></li>
            <li><a href="" target="_blank" rel="nofollow">订阅流程</a></li>
          </ul>
          <ul>
            <h5>
              <a href="" target="_blank" rel="nofollow" res="logined"
                >个人中心</a
              >
            </h5>
            <li><a href="" target="_blank" rel="nofollow">购物车</a></li>
            <li>
              <a href="" target="_blank" rel="nofollow" res="logined"
                >我的订单</a
              >
            </li>
            <li>
              <a href="" target="_blank" rel="nofollow" res="logined"
                >收货地址</a
              >
            </li>
            <li>
              <a href="" target="_blank" rel="nofollow" res="logined"
                >商品收藏</a
              >
            </li>
          </ul>
          <div class="bckfo-r">
            <div>
              <span>客服热线</span>
              <p>400-888-9411</p>
              <span>人工服务：</span>
              <a href="">点我免费咨询</a>
            </div>
          </div>
          <h6 class="clear"></h6>
          <!-- 备案底部 -->
          <p class="block-sm">
            特别声明：本站持有《出版物经营许可证》：新出发沈零字第SH19051号，主要从事期刊投稿与杂志订阅服务，不是任何杂志官网，不涉及出版事务，特此申明。如有侵权，请立即拨打电话:400-888-9411，我们立即下架或删除。<br />
            工信部备案：<a href="" rel="nofollow" target="_blank"
              >辽ICP备18014953号-6</a
            > <span class="gabba">辽公网安备</span>：<a
              href=""
              rel="nofollow"
              target="_blank"
              >21010302000628</a
            > 《出版物经营许可证》：<a
              href=""
              rel="nofollow"
              target="_blank"
              title="出版物经营许可证"
              >新出发沈河字第零19051号</a
            >
          </p>
        </div>
      </div>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
/*样式重置*/
div {
  display: block;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 30px;

  /* background: #FFF; */
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

/* 底部公共 */
.nosetBoxsizng {
  margin: 5px auto 0;
  box-sizing: border-box;
  text-align: center;
  display: block;
}

.footer {
  height: 333px;
  margin: 5px auto 0;
  text-align: center;
  min-width: 1284px;
  display: block;
  text-align: center;
}

.clearfix {
  height: 1%;
  display: block;
}

.w1200 {
  width: 1284px;
  margin: 0 auto;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}

.clearfix {
  height: 1%;
  display: block;
}

.w1200 {
  width: 1284px;
}

.clearfix {
  *zoom: 1;
}

.w1200 {
  width: 1202px;
  margin: 0 auto;
}

div {
  display: block;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.bckot {
  padding: 37px 0 28px 0;
  background-color: #fff;
  /* width: 1688px; */
  height: 60px;
  margin: auto;
  text-align: center;
}

.bckot-block {
  width: 340px;
  height: 59;
}

.bckot .bckot-block {
  width: 26.5%;
  float: left;
}

a {
  color: #333;
  text-decoration: none;
}

a:-webkit-any-link {
  /* color: -webkit-link; */
  cursor: pointer;
  /* text-decoration: underline; */
}

div {
  display: block;
}

.bckot img {
  width: 38px;
  height: 38px;
  float: left;
}

img {
  border: 0px currentColor;
  border-image: none;
  vertical-align: middle;
}

.bckot p {
  width: 180px;
  margin-left: 15px;
  font-size: 12px;
  color: #979797;
  float: left;
  text-align: left;
}

.bckot p b {
  display: block;
  margin-bottom: 7px;
  line-height: 1;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}

.bckot .nomr {
  width: 20%;
}

/* 底部导航 */
.bckfo {
  background-color: #161616;
  width: auto;
  height: 333px;
}

.bckfo-c {
  width: 1284px;
  margin: 0 auto;
  height: 333px;
}

.bckfo-c ul {
  /* width: 106px; */
  /* margin-right: 85px; */
  margin-right: 110px;
  float: left;
}

.bckfo-c li a {
  font-size: 12px;
  color: #7e7e7e;
}

.bckfo-r a {
  display: block;
  width: 131px;
  height: 25px;
  margin-top: 8px;
  line-height: 25px;
  border: 1px solid #474747;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  color: #d2d2d2;
  opacity: 0.8;
}

.bckfo-c h5 {
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid #303030;
  margin-top: 20px;
}

.bckfo-c h5 a {
  font-size: 14px;
  font-weight: 400;
  color: #f5f7fa;
}

.bckfo-r {
  /* width: 369px; */
  height: 153px;
  float: right;
  padding-left: 70px;
  border-left: 1px solid #303030;
  margin-top: 30px;
}

.bckfo-r div {
  width: 156px;
  height: 100px;
  padding-left: 48px;
  float: left;
  background: url(/public/img/dnz-tell.png) 0 0 no-repeat;
  text-align: initial;
}

.bckfo-r span {
  font-size: 14px;
  color: #8d8d8d;
}

.bckfo-r div p {
  margin-bottom: 29px;
  line-height: 1.2;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

.bckfo-r span:nth-of-type(2) {
  font-size: 12px;
}

h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

/* 备案底部 */
.bckfo-c > p.block-sm {
  font-size: 12px;
  line-height: 24px;
  padding: 20px 0;
  color: #666;
}

.bckfo-c > p {
  margin-top: 47px;
  padding: 28px 0 28px 0;
  font-size: 12px;
  color: #807f7f;
  text-align: center;
  border-top: 1px solid #303030;
}

.bckfo-c > p.block-sm > a {
  color: #a0a0a0;
  font-size: 12px;
}

.nosetBoxsizng * {
  -moz-box-sizing: unset;
  -webkit-box-sizing: unset;
  -o-box-sizing: unset;
  -ms-box-sizing: unset;
  box-sizing: unset;
}

.bckfo-c > p.block-sm {
  font-size: 12px;
  line-height: 24px;
  padding: 20px 0;
  color: #666;
}

.bckfo-c > p {
  margin-top: 47px;
  padding: 28px 0 28px 0;
  font-size: 12px;
  color: #807f7f;
  text-align: center;
  border-top: 1px solid #303030;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.gabba:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/public/img/icon_gaba.png) no-repeat center;
  margin: 0 4px 4px 0;
  vertical-align: top;
}

.bckfo-c > p.block-sm > a {
  color: #a0a0a0;
  font-size: 12px;
}

.bckfo-c li {
  height: 26px;
  margin-bottom: 1px;
  line-height: 26px;
}
</style>